<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        ps的快捷键
         ctrl+R 标尺
         ctrl+ 放大
         ctrl- 缩小 
         ctrl+h 显示隐藏参考线
     -->
     <style type="text/css">
         *{padding:0; margin:0;}
         /* 所有标签自带的间距清0 */
         .header{
             width:1300px; height:100px;
             background-color:pink;
         }
        .nav{
             width:1300px; height:59px; background-color:#303030;
         }
        .banner{
            width:1300px; height:431px;
            background-color: #b72298;
        }
        .news{
            width:1300px; height:250px; background-color:pink;
        }
        .web{
            width:1300px; height:287px; background-color:#f5f5f5;
        }
        .teacher{
            width:1300px; height:416px; background-color: pink;
        }
        .footer{
            width:1300px; height:124px; background-color:#111b24;
            /* 
                注意
                    1，一定要加#
                    2，#后面的数字要么是6位，要么是3位
            */
        }

     </style>
</head>
<body>
    <div class="header"></div>
    <div class="nav"></div>
    <div class="banner"></div>
    <div class="news"></div>
    <div class="web"></div>
    <div class="teacher"></div>
    <div class="footer"></div>
</body>
</html>